<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签选择器</title>
    <style>
        /*
        标签选择器最大的特点就是选择范围大
        标签选择器的主要应用场景：用来初始化标签的（清除掉标签的默认样式）
        为什么浏览器要给标签添加默认样式，因为要突显当前标签的语义化
        例如：h1标签是标题标签，浏览器会给它加大字号，a标签是链接标签
        */
        div {
            color: red;
            border: 1px solid black;
        }
        p {
            color: blue;
            border: 1px solid black;
        }
        h1 {
            border: 1px solid green;
        }
    </style>
</head>
<body>
    <h1>我是h1</h1>
    <div>我是div</div>
    <p>我是p</p>
    <div>
        <div>我是div2</div>
        <p>我是p2</p>
    </div>
    <a href="#">a标签</a>
</body>
</html>